<template>
    <div class="define">
        <div class="define-main">
            <a href="javascript:" class="link">关于我们</a>
            <i class="iconfont icon-anjianfengexian"></i>
            <a href="javascript:" class="link">广告投放</a>
            <div class="define-bottom">20级软件工程web课设作品</div>
            <p class="define-contact">QQ:2694382488</p>
            <p class="define-contact">tele:17620706997</p>
        </div>
    </div>
</template>

<script>
export default {};
</script>

<style lang="less" scoped>
.define {
    position: absolute;
    bottom: 0px;
    width: 100%;
    border-top: 1px solid rgb(232, 232, 232);
    height: 130px;

    .define-main {
        padding: 30px;
        text-align: center;
        font: 12px PingFangSC-Semibold;
        color: #bcbcbc;

        .link {
            text-decoration: none;
            color: #bcbcbc;
        }

        .define-bottom {
            margin-top: 10px;
        }

        .define-contact {
            display: inline-block;
            margin-top: 10px;
            margin-left: 20px;
        }
    }
}

</style>